<template>
  <div class="top-nav">
    <router-link to="/goods" class="nav-item">商品</router-link>
    <router-link to="/ratings" class="nav-item">评价</router-link>
    <router-link to="/seller" class="nav-item">商家</router-link>
  </div>
</template>

<script>
export default {
  name: "TopNav"
};
</script>

<style lang='stylus' scoped>
@import '../../common/stylus/mixins.styl'
.top-nav
  display: flex
  height: 40px
  line-height: 40px
  border-bottom: 1px solid #f3f5f6
  color: #e6e6e6
  .nav-item
    flex: 1
    text-align: center
</style>